﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html>
<head>
  <title>Redhouse - Nhà đỏ</title>
  <link rel="stylesheet" href="css/theme.css" type="text/css" media="screen" />
  <link rel="stylesheet" href="css/nivo-slider.css" type="text/css" media="screen" />
  <link rel="stylesheet" href="css/themes/default/default.css" type="text/css" media="screen" />
  <script src="js/jquery.js"></script>
  <script src="js/jquery.nivo.slider.pack.js" type="text/javascript"></script>
  <script src="js/jquery.blend.js" type="text/javascript"></script>
  <script src="js/redhouse.js" type="text/javascript"></script>
  <script type="text/javascript">
	$(document).ready(function() {
		$('#slider').nivoSlider({
			effect:"fade",
			slices:5,
			boxCols:8,
			boxRows:4,
			animSpeed:500,
			pauseTime:3500,
			startSlide:0,
			directionNav:false,
			directionNavHide:true,
			controlNav:true,
			controlNavThumbs:true,
			controlNavThumbsFromRel:true,
			keyboardNav:true,
			pauseOnHover:false,
			manualAdvance:false,
			afterLoad: function(){
				$('.nivo-controlNav').wrap('<div class="nivo-controlNav_wrap"></div>');
				$('.nivo-controlNav_wrap').before('<div class="nivo-controlNav_left"></div>');
				$('.nivo-controlNav_wrap').after('<div class="nivo-controlNav_right"></div>');
			},
			afterChange: function(){
				if ($(".nivo-control[rel='0']").hasClass("active")) {$('.nivo-controlNav a').animate({left:"0px"},500);}
				else if ($(".nivo-control[rel='1']").hasClass("active")) {$('.nivo-controlNav a').animate({left:"0px"},500);}
				else if ($(".nivo-control[rel='2']").hasClass("active")) {$('.nivo-controlNav a').animate({left:"0px"},500);}
				else if ($(".nivo-control[rel='3']").hasClass("active")) {$('.nivo-controlNav a').animate({left:"-243px"},500);}
				else if ($(".nivo-control[rel='4']").hasClass("active")) {$('.nivo-controlNav a').animate({left:"-486px"},500);}
				else if ($(".nivo-control[rel='5']").hasClass("active")) {$('.nivo-controlNav a').animate({left:"-486px"},500);}
			},
			slideshowEnd: function(){
				$('.nivo-controlNav a').animate({left:"0px"},1000);
			},
		});
		
		$("#hidden-link").click(function() {
			var address = "index.html";
            window.location = address;
		});
		
		$("#top-left, #top-right").find("a").hover(function() {
			if (!$(this).hasClass("selected")) {
				var currSrc = $(this).find("img").attr("src");
				var nextSrc = currSrc.split('.');
				var newSrc = nextSrc[0] + "-hover" + ".png";
				$(this).find("img").attr("src", newSrc);
			}
		}, function() {
			if (!$(this).hasClass("selected")) {
				var currSrc = $(this).find("img").attr("src");
				var nextSrc = currSrc.split('-');
				var newSrc = nextSrc[0] + ".png";
				$(this).find("img").attr("src", newSrc);
			}
		});
		
		$('.nivo-controlNav_right').click(function(){
			var pos=Number($('.nivo-controlNav a').css("left").replace("px",""));
			if (pos>-486) {$('.nivo-controlNav a').animate({left:"-=243px"},250, function(){$('.nivo-controlNav a').clearQueue();} );}
		});

		$('.nivo-controlNav_left').click(function(){
			var pos=Number($('.nivo-controlNav a').css("left").replace("px",""));
			if (pos<-242){$('.nivo-controlNav a').animate({left:"+=243px"},250, function(){$('.nivo-controlNav a').clearQueue();} );}
		});
	});
  </script>
</head>
<body onload="preLoad()">
	<div id="pre-loader"><img src="images/loading_icon.gif"/></div>
	<div id="header">
		<div class="page">
			<div id="nav-container">	
				<ul id="nav">
					<li><a href="about.html">About us</a></li>
					<li><a href="specialties.html">Specialties</a></li>
					<li><a href="menu.html">Menu</a></li>
					<li><a href="promotion.html">Promotions</a></li>
					<li><a href="health.html">Seafood & Health</a></li>
					<li><a href="contact.html">Contact</a></li>
				</ul>
			</div><!-- END nav-container -->
		</div>
	</div><!-- END header -->
	<div id="wrapper">
		<div id="header-container">
			<div class="page">
				<a href="home.html" alt="RedHouse" class="logo">
					<img src="images/logo.png"></img>
				</a>
				<div class="right-header">
					<div class="language-container">
						<a href="#"><img src="images/vie.gif" /></a>
						<a href="#"><img src="images/eng.gif" /></a>
					</div>
					<div class="form-search">
						<label for="search">Search:</label>
						<button type="submit" title="Search" class="button"><span><span>Search</span></span></button>
						<input id="search" type="text" name="q" value="" class="input-text" />
						<br class="clear" />        
						<div id="search_autocomplete" class="search-autocomplete"></div>
					</div>
					<br class="clear" />
					<div class="link-container">
						<a href="">English</a><a href="home.html">RedHouse HCM</a>
					</div>
				</div><!-- END .right-header -->
			</div>
		</div><!-- END header-container -->
		<div class="page">
			<div id="main">
				<div id="slider" class="nivoSlider" >
					<img class="home-slide" src="images/home-2.jpg" rel="images/home-2_thumb.png" title="#cap1"/>
					<img class="home-slide" src="images/home-3.jpg" rel="images/home-3_thumb.png" title="#cap2"/>
					<img class="home-slide" src="images/home-4.jpg" rel="images/home-4_thumb.png" title="#cap3"/>
					<img class="home-slide" src="images/home-5.jpg" rel="images/home-5_thumb.png" title="#cap4"/>
					<img class="home-slide" src="images/home-6.jpg" rel="images/home-6_thumb.png" title="#cap5"/>
					<img class="home-slide" src="images/home-7.jpg" rel="images/home-7_thumb.png" title="#cap6"/>
				</div>
				<div id="cap1" class="nivo-html-caption">
					<h1>Tôm sú kim sợi</h1><br />
					<hr />
					<ul>
						<li>Nunc non turpis ac nulla fringilla dictum ut non augue.</li>
						<li>Cras ac quam viverra velit sollicitudin ultrices.</li>
						<li>Donec at mauris at odio faucibus sodales.</li>
						<li>Proin ut nisl at purus sollicitudin accumsan.</li>
					</ul>
					<hr />
					<br />
					<button class="button btn-cart" title="View in Specialties"><span><span>Specialties</span></span></button>
					&nbsp;&nbsp;&nbsp;<button class="button btn-cart" title="View in our Menu"><span><span>Menu</span></span></button>
				</div>
				<div id="cap2" class="nivo-html-caption">
					<h1>Súp lơ xào nấm</h1><br />
					<hr />
					<ul>
						<li>Nunc non turpis ac nulla fringilla dictum ut non augue.</li>
						<li>Cras ac quam viverra velit sollicitudin ultrices.</li>
						<li>Donec at mauris at odio faucibus sodales.</li>
						<li>Proin ut nisl at purus sollicitudin accumsan.</li>
					</ul>
					<hr />
					<br />
					<button class="button btn-cart" title="Details"><span><span>Specialties</span></span></button>
					&nbsp;&nbsp;&nbsp;<button class="button btn-cart" title="Details"><span><span>Menu</span></span></button>
				</div>
				<div id="cap3" class="nivo-html-caption">
					<h1>Kem tươi</h1><br />
					<hr />
					<ul>
						<li>Nunc non turpis ac nulla fringilla dictum ut non augue.</li>
						<li>Cras ac quam viverra velit sollicitudin ultrices.</li>
						<li>Donec at mauris at odio faucibus sodales.</li>
						<li>Proin ut nisl at purus sollicitudin accumsan.</li>
					</ul>
					<hr />
					<br />
					<button class="button btn-cart" title="Details"><span><span>Specialties</span></span></button>
					&nbsp;&nbsp;&nbsp;<button class="button btn-cart" title="Details"><span><span>Menu</span></span></button>
				</div>
				<div id="cap4" class="nivo-html-caption">
					<h1>Cua cari</h1><br />
					<hr />
					<ul>
						<li>Nunc non turpis ac nulla fringilla dictum ut non augue.</li>
						<li>Cras ac quam viverra velit sollicitudin ultrices.</li>
						<li>Donec at mauris at odio faucibus sodales.</li>
						<li>Proin ut nisl at purus sollicitudin accumsan.</li>
					</ul>
					<hr />
					<br />
					<button class="button btn-cart" title="Details"><span><span>Specialties</span></span></button>
					&nbsp;&nbsp;&nbsp;<button class="button btn-cart" title="Details"><span><span>Menu</span></span></button>
				</div>
				<div id="cap5" class="nivo-html-caption">
					<h1>Tôm sú sốt <br />Bồ Đào Nha</h1><br />
					<hr />
					<ul>
						<li>Nunc non turpis ac nulla fringilla dictum ut non augue.</li>
						<li>Cras ac quam viverra velit sollicitudin ultrices.</li>
						<li>Donec at mauris at odio faucibus sodales.</li>
						<li>Proin ut nisl at purus sollicitudin accumsan.</li>
					</ul>
					<hr />
					<br />
					<button class="button btn-cart" title="Details"><span><span>Specialties</span></span></button>
					&nbsp;&nbsp;&nbsp;<button class="button btn-cart" title="Details"><span><span>Menu</span></span></button>
				</div>
				<div id="cap6" class="nivo-html-caption">
					<h1>Hào sữa sashimi</h1><br />
					<hr />
					<ul>
						<li>Nunc non turpis ac nulla fringilla dictum ut non augue.</li>
						<li>Cras ac quam viverra velit sollicitudin ultrices.</li>
						<li>Donec at mauris at odio faucibus sodales.</li>
						<li>Proin ut nisl at purus sollicitudin accumsan.</li>
					</ul>
					<hr />
					<br />
					<button class="button btn-cart" title="Details" onclick="parent.location='specialties.html'"><span><span>Specialties</span></span></button>
					&nbsp;&nbsp;&nbsp;<button class="button btn-cart" title="Details"><span><span>Menu</span></span></button>
				</div>
			</div><!-- END #main -->
			<br />
		</div>
	</div><!-- END wrapper -->
	<div id="footer-container">
		<div class="page">
			<div id="link-div">
				<p style="font-size:14px;padding-bottom:7px;">REDHOUSE RESTAURANT</p>
				<a href="">&nbsp;&nbsp;&nbsp;Information</a><br />
				<a href="">&nbsp;&nbsp;&nbsp;Vision</a><br />
				<a href="">&nbsp;&nbsp;&nbsp;Employment</a><br />
				<a href="">&nbsp;&nbsp;&nbsp;Sitemap</a><br />
			</div>
			<div id="subcribe-div">
				<p style="font-size:14px;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;SUBSCRIBE TO OUR NEWSLETTER</p><br />
				<div class="form-subscribe">
					<label for="subscribe">Search:</label>
					<button type="submit" title="Subscribe" class="button"><span><span>Subscribe</span></span></button>
					<input id="subscribe" type="text" name="q" value="" class="input-text" />
					<br class="clear" />        
				</div>
			</div>
			<div id="social-div">
				<p style="font-size:14px;">&nbsp;&nbsp;&nbsp;&nbsp;FOLLOW US</p><br />
				<a href="#"><img class="social" src="images/facebook.png" width="48" height="48" /></a>
				<a href="#"><img class="social" src="images/twitter.png" width="48" height="48" /></a>
			</div>
		</div>
	</div><!-- END footer-container	-->
</body>
</html>